<template>
  <div id="home">
    <div id="logo"></div>
    <div id="title"></div>
    <div id="describe"></div>
    <div id="hotline">客服热线：*********</div>
  </div>
</template>

<script setup>

</script>

<style scoped lang="scss">
#home {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  background-image: url('../assets/images/bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  #logo {
    margin-top: 60px;
    width: 252px;
    height: 272px;
    //background-image: url("@/assets/images/home/logo.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #title {
    margin-top: 50px;
    width: 441px;
    height: 65px;
    //background-image: url("@/assets/images/home/title.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #describe {
    margin-top: 40px;
    width: 830px;
    height: 80px;
    //background-image: url("@/assets/images/home/describe.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #hotline {
    height: calc(100% - 600px);
    display: flex;
    align-items: flex-end;
    font-weight: bold;
    color: white;
  }
}
</style>

